<template>
	 <div class="">      		 
      <div class="usertop bluebg flexrow">
        <i class="el-icon-success"></i>
        <span class="usubtit">支付成功</span>
      </div>
      <div class="userform">
        <el-form 
          ref="form" 
          :model="form" 
          labelPosition="left"
          label-width="80px"
        >
            <el-form-item label="订单号" prop="id">
              <el-input v-model="form.id" readonly class='readonly'></el-input>
            </el-form-item>
            <el-form-item label="支付方式" prop="paymode">
              <el-input v-model="form.paymode" readonly class='readonly'></el-input>
            </el-form-item>
            <el-form-item label="充值项目" prop="item">
              <el-input v-model="form.item" readonly class='readonly'></el-input>
            </el-form-item>           
            <el-form-item label="订单金额" prop="money">
              <el-input v-model="form.money" readonly class='readonly moneyinput'>
               <!--  <span slot="prefix">￥</span> -->
                <span slot="suffix">元</span>
              </el-input>
            </el-form-item>                        
            <el-form-item>
            </el-form-item>
          </el-form>

      </div>
         <div class="tips flexrow">
            <i class="el-icon-question"></i>
            <p>昌友税法查询平台不会以订单异常、系统升级等理由，通过任何方式发送给您退款链接，请您谨防<span>钓鱼链接或诈骗电话</span>！</p>
         </div>
          <router-link to="/UserPay"  class="bluebtn">返回充值中心</router-link>
     
     

	 </div>
</template>
<script>
import storage from '../../../storage/index'

  export default {
    name: 'UserPay_end',
    data() {
      return {
        form: {
          id:'C2154259896000',
          paymode:'微信支付',
          item:'单笔充值',
          money: '￥1000'
        },
        readonly:'true'
      }
    },
    methods: {
     
    },
    created () {
      // window.addEventListener('setItem', ()=> {
      //     this.form.amount = JSON.parse(storage.get('user')).amount_desc;      
      //   }) 
    }
  }
</script>

<style scoped>

	.userform >>>.readonly .el-input__inner{
		border-bottom:none;
	}
	.userform >>>.balance .el-input__inner{
		font-size: 20px;
		color: #0e79ed;
		font-family: "Gilroy-Regular" !important;
	}
	.userform .el-form-item{
    margin-bottom: 10px;
  } 
  .usertop.flexrow{
    align-items: center;
  }
  .el-icon-success{
    font-size: 50px;
    color: #02bb29;
    margin-right: 25px;
  }
  .userform{
    height: 400px;
  }
  .moneyinput{
    width: 100px;
  }
  .tips{
    color: #909399;
    padding-left:35px;
    width: 500px;
    align-items: baseline;
  }
  .tips i{
    margin-right: 10px;
  }
  .tips span{
    color: #333;
    font-weight: 600;
  }
  .bluebtn{
    padding:5px 35px;
    border-radius: 20px;
    float:right;
    margin-right: 100px;
  }
</style>